<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		 <script src="../js/vue.min.js"></script>
		 <script src="../js/axios.js"></script>
	</head>
	

	  <body>
	      <div id="app">
	        <select v-model="selected">
	        <option v-for="option in info" v-bind:value="option.value">
	          {{option.text}}
	        </option>
	      </select>
	      <span>Selected: {{selected}}</span>
	      <br>
	      </div>
	       
	     <script type="text/javascript">
	      var vm=new Vue({
	          el: '#app',
	          data: {
	             selected:"A" ,//变量不用引号. 内容一定要引号.
				  info:null,
	          },
	          mounted(){
			 	axios.get('../jsondata/77.json').then(
			 	response => {
					alert("");
					this.info = response.data.info;
					}
				)},
	              
           });
         </script>